<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" http-equiv="Content-Type" content="text/html;">
    <meta name="renderer" content="webkit">
    <title>${music.musicName!''},高音质试听MP3下载,在线试听-DJ细波音乐网</title>
    <meta name="keywords" content="${music.musicName!''}mp3,${navMenu.dictValue!''} mp3下载">
    <meta name="description"
          content="${music.musicName!''} 在线试听,DJ细波音乐网。
          ${music.musicName!''}上传于：${(music.createTime?string("yyyy-MM-dd"))!} ，编号:${music.id?c}，
          收录于(${navMenu.dictValue!''})提供在线试听及mp3下载。">
    <meta name="mobile-agent" content="format=html5;url=http://m.djxibo.com/play/189559.html">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="baidu-site-verification" content="0eKfljMIN5">
    <link rel="shortcut icon" href="http://www.vvvdj.com/favicon.ico">
    <script src="../../plugins/jquery-3.4.1/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="../../plugins/js-cookie/src/js.cookie.min.js"></script>
    <!--播放器-->
    <script src="../../plugins/jPlayer-2.9.2/dist/jplayer/jquery.jplayer.min.js" type="text/javascript"
            charset="utf-8"></script>
    <link rel="stylesheet" type="text/css"
          href="../../plugins/jPlayer-2.9.2/dist/skin/blue.monday/css/jplayer.blue.monday.css">
    <script type="text/javascript" charset="utf-8" src="../../plugins/layui/layui.js"></script>
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../../css/common.css">
    <link rel="stylesheet" type="text/css" href="../../plugins/element-ui/lib/theme-chalk/index.css">
    <script type="text/javascript" src="../../plugins/vue-2.6.11/dist/vue.min.js"></script>
    <script type="text/javascript" src="../../plugins/element-ui/lib/index.js"></script>
    <script type="text/javascript" src="../../plugins/axios-master/dist/axios.min.js"></script>
</head>
<style type="text/css">
    .item {
        margin-top: 10px;
        margin-right: 25px;
        margin-left: 5px;
    }
    .el-badge__content {
        border-radius: 10px;
        color: #FFF;
        display: inline-block;
        font-size: 12px;
        height: 18px;
        line-height: 18px;
        padding: 0 6px;
        text-align: center;
        white-space: nowrap;
        border: 0 solid #FFF;
    }
    .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
        border-bottom: 0 solid #EBEEF5;
    }
    .el-dialog__body {
        padding: 0 10px;
        color: #606266;
        font-size: 14px;
        word-break: break-all;
    }
    .el-table .el-table__cell {
        padding: 5px 0;
        min-width: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-overflow: ellipsis;
        vertical-align: middle;
        position: relative;
        text-align: left;
    }
    #gd_i {
        background-color: #fff;
        color: #606266;
    }
</style>
<body>
<!--头部-->
<div id="head">
    <div id="head_top">
        <div class="h15"></div>
        <ul>
            <li id="logo">
                <a href="/" title="DJ细波"><img
                            src="../../img/logo.gif"></a>
            </li>
            <#--<li id="search2">
                <div>
                    <el-input placeholder="请输入搜索关键字" v-model="keyword" class="input-with-select">
                        <el-select v-model="searchType" slot="prepend" placeholder="请选择">
                            <el-option label="音乐" value="1"></el-option>
                            <el-option label="专辑" value="2"></el-option>
                            <el-option label="音乐人" value="3"></el-option>
                        </el-select>
                        <el-button slot="append" icon="el-icon-search" style="width: 33px" @click="search"></el-button>
                    </el-input>
                </div>
            </li>-->
            <li id="search2">
                <div>
                    <el-select v-model="searchType" slot="prepend" placeholder="请选择" value="1">
                        <el-option label="音乐" value="1"></el-option>
                        <el-option label="专辑" value="2"></el-option>
                        <el-option label="音乐人" value="3"></el-option>
                        <el-option label="歌单" value="4"></el-option>
                    </el-select>
                    <el-autocomplete
                            v-model="keyword"
                            :fetch-suggestions="querySearchAsync"
                            placeholder="请输入搜索关键字"
                            @select="handleSelect"
                            class="input-with-select"
                            style="width: 260px;margin-left: 90px;margin-top: -40px;"
                    ></el-autocomplete>
                    <el-button
                            slot="append"
                            icon="el-icon-search"
                            style="width: 33px;
                                    float: right;
                                    margin-right: -122px;
                                    margin-top: -40px;
                                    background-color: #1f2432;
                                    border: 1px solid;"
                            @click="search">
                    </el-button>
                </div>
            </li>
            <li id="login">
                <ul class="layui-nav head_nav" v-if="user.avatarUrl === undefined">
                    <li class="layui-nav-item">
                        <a href="">串烧订做</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">车载U盘</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:void(0)" onclick="popUp()">注册/登录</a>

                    </li>
                </ul>
                <ul class="layui-nav head_nav" v-if="user.avatarUrl !== undefined">
                    <li class="layui-nav-item">
                        <a href="">串烧订做</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">车载U盘</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">消息<span class="layui-badge">0</span></a>
                    </li>
                    <li class="layui-nav-item" lay-unselect="">
                        <a href="javascript:;"><img :src="user.avatarUrl" class="layui-nav-img">我</a>
                        <dl class="layui-nav-child" id="u_dl">
                            <dd><a href="user.html" target="_blank">个人中心</a></dd>
                            <dd><a href="javascript:;">设置</a></dd>
                            <dd><a href="javascript:;" @click="logout">退出</a></dd>
                        </dl>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="h10"></div>
</div>
<!--头部结束-->

<!--导航-->
<div id="top_nav">
    <div id="top_list">
        <table border="0" cellspacing="0" cellpadding="0" id="nav_list">
            <tr>
                <td id="home"><a href="/">网站首页</a></td>
                <#if (navMenuList?size>0)>
                    <#list navMenuList as nav>
                        <td class="nav_td"><a href="${nav.url!''}">${nav.dictValue!''}</a></td>
                    </#list>
                </#if>
            </tr>
        </table>
    </div>
</div>
<!--导航结束-->
<!--body-->

<div class="index_body" id="play_app">
    <div class="h10"></div>
    <div class="body_2">
        <div class="body_content">
            <!--位置-->
            <div class="location">
                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                    <tr>
                        <td style="width: 36px">
                            <div class="layui-icon layui-icon-location" style="font-size: 28px;color: #cccccc">

                            </div>
                        </td>
                        <td>
                            <div class="location_t">目前位置：<a href="/" target="_blank">DJ细波音乐网</a> &gt;
                                <a href="${navMenu.url!''}" title="${navMenu.dictValue!''}"
                                   target="_blank">${navMenu.dictValue!''}</a> &gt; <a
                                        href="/djxibo-portal/html/play/${music.id?c}.html"
                                        title="${music.musicName!''}">${music.musicName!''}</a>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <img src="../../img/top.gif" width="100%">
        </div>
    </div>
    <div class="h10"></div>
    <div class="body_2">
        <!--上周排行榜左-->
        <div id="play_left2">
            <div id="left_f2">
                <div id="left_title">
                    上周排行榜
                </div>
            </div>
            <div id="p_left_box">
                <div class="h10"></div>
                <div class="p_m_body">
                    <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                        <#if (weekMusicList?size>0)>
                            <#list weekMusicList as weekMusic>
                                <tr>
                                    <td>
                                        <div class="music_s">
                                            <#if (weekMusic_index < 9)>
                                                <span class="num_${weekMusic_index+1}">0${weekMusic_index+1}</span>
                                            </#if>
                                            <#if (weekMusic_index >= 9)>
                                                <span class="num_${weekMusic_index+1}">${weekMusic_index+1}</span>
                                            </#if>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="music_p">
                                            <p><a href="/djxibo-portal/html/play/${weekMusic.id?c}.html" target="_Pt"
                                                  title="${weekMusic.name!''}">${weekMusic.name!''}</a>
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                            </#list>
                        </#if>
                    </table>
                </div>
            </div>
        </div>
        <!--播放器中-->
        <div id="p_m-2">
            <div id="p_m2">
                <div>
                    <h2>${music.musicName!''}</h2>

                    <!--播放器-->
                    <div id="jquery_jplayer_1" class="jp-jplayer"></div>
                    <div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
                        <div class="jp-type-single">
                            <div class="jp-gui jp-interface" style="background-color: #080808">
                                <div class="jp-controls">
                                    <button class="jp-previous" role="button" tabindex="0">previous</button>
                                    <button class="jp-play" role="button" tabindex="0">play</button>
                                    <button class="jp-next" role="button" tabindex="0">next</button>
                                </div>
                                <div class="jp-progress">
                                    <div class="jp-seek-bar">
                                        <div class="jp-play-bar"></div>
                                    </div>
                                </div>
                                <div class="jp-volume-controls">
                                    <button class="jp-mute" role="button" tabindex="0">mute</button>
                                    <button class="jp-volume-max" role="button" tabindex="0">max volume</button>
                                    <div class="jp-volume-bar">
                                        <div class="jp-volume-bar-value"></div>
                                    </div>
                                </div>
                                <div class="jp-time-holder">
                                    <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
                                    <div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
                                    <div class="jp-toggles">
                                        <button class="jp-repeat" role="button" tabindex="0">repeat</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--播放器-->
                    <div id="p_m_d">
                        <div class="h10"></div>
                        <div id="p_m_d2">
                            <table border="0" cellpadding="0" cellspacing="0">
                                <tbody>
                                <tr>
                                    <td>
                                        <a href="/djxibo-portal/html/musician/${musician.id?c}_1.html" target="_blank"
                                           title="${musician.stageName!''}">
                                            <img
                                                    src="${music.musicCover!''}"
                                                    class="layui-nav-img">
                                        </a>
                                    </td>
                                    <td>
                                        <table border="0" cellpadding="0" cellspacing="0" id="p_t2">
                                            <tbody>
                                            <tr>
                                                <td>
                                                    <#if (music.isRecommend == 1)>
                                                        <div>推荐：是</div>
                                                    </#if>
                                                    <#if (music.isRecommend == 0)>
                                                        <div>推荐：否</div>
                                                    </#if>
                                                </td>
                                                <td>
                                                    <#if (music.isBoutique == 1)>
                                                        <div class="borp1">精品：是</div>
                                                    </#if>
                                                    <#if (music.isBoutique == 0)>
                                                        <div class="borp1">精品：否</div>
                                                    </#if>
                                                </td>
                                                <td>
                                                    <#if (music.isVehicle == 1)>
                                                        <div class="borp1">车载：是</div>
                                                    </#if>
                                                    <#if (music.isVehicle == 0)>
                                                        <div class="borp1">车载：否</div>
                                                    </#if>
                                                </td>
                                            </tr>
                                            <#--<tr>
                                                <td>
                                                    <div class="borp1">音质：${music.downloadTone!''} Kbps</div>
                                                </td>
                                                <td>
                                                    <div class="borp1">大小：${music.musicSize!''} MB</div>
                                                </td>
                                                <td>
                                                    <div class="borp1">
                                                        时间：${music.releaseTime!''}</div>
                                                </td>
                                            </tr>-->
                                            <tr>
                                                <td>
                                                    <#if (music.visitCount >= 10000)>
                                                        <div class="borp1">听过：${(music.visitCount/10000)?string('#.#')}
                                                            万
                                                        </div>
                                                    </#if>
                                                    <#if (music.visitCount < 10000)>
                                                        <div class="borp1">听过：${music.visitCount?c}</div>
                                                    </#if>
                                                </td>
                                                <td>
                                                    <#if (music.popularity >= 10000)>
                                                        <div class="borp1">人气：${(music.popularity/10000)?string('#.#')}
                                                            万
                                                        </div>
                                                    </#if>
                                                    <#if (music.popularity < 10000)>
                                                        <div class="borp1">人气：${music.popularity?c}</div>
                                                    </#if>
                                                </td>
                                                <td style="width: 36%">
                                                    <div class="borp1">
                                                        时间：${music.releaseTime!''}</div>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <div class="bdsharebuttonbox">
                                            <a
                                                    href="http://www.vvvdj.com/play/189559.html#"
                                                    style="float:left; display:block; color: #cccccc">把这首歌分享到：</a><a
                                                    href="http://www.vvvdj.com/play/189559.html#"
                                                    class="bds_copy"
                                                    data-cmd="copy" title="分享到复制网址"></a><a
                                                    href="http://www.vvvdj.com/play/189559.html#"
                                                    class="bds_qzone"
                                                    data-cmd="qzone" title="分享到QQ空间"></a><a
                                                    href="http://www.vvvdj.com/play/189559.html#"
                                                    class="bds_tsina"
                                                    data-cmd="tsina" title="分享到新浪微博"></a><a
                                                    href="http://www.vvvdj.com/play/189559.html#"
                                                    class="bds_tqq"
                                                    data-cmd="tqq" title="分享到腾讯微博"></a><a
                                                    href="http://www.vvvdj.com/play/189559.html#"
                                                    class="bds_renren"
                                                    data-cmd="renren" title="分享到人人网"></a><a
                                                    href="http://www.vvvdj.com/play/189559.html#"
                                                    class="bds_weixin"
                                                    data-cmd="weixin" title="分享到微信"></a><a
                                                    href="http://www.vvvdj.com/play/189559.html#"
                                                    class="bds_sqq"
                                                    data-cmd="sqq" title="分享到QQ好友"></a><a
                                                    href="http://www.vvvdj.com/play/189559.html#"
                                                    class="bds_tieba"
                                                    data-cmd="tieba" title="分享到百度贴吧"></a></div>
                                        <script>window._bd_share_config = {
                                                "common": {
                                                    "bdSnsKey": {},
                                                    "bdText": "",
                                                    "bdMini": "1",
                                                    "bdMiniList": false,
                                                    "bdPic": "",
                                                    "bdStyle": "0",
                                                    "bdSize": "16"
                                                }, "share": {}
                                            };
                                            with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <#--<div id="p_x_s">
                            <button type="button" class="layui-btn layui-btn-danger" @click="download(${music.id?c})">
                                立即下载
                            </button>
                            <button type="button" class="layui-btn layui-btn-warm">刻录CD</button>
                            <button type="button" class="layui-btn" @click="collectMusic(${music.id?c})">舞曲收藏</button>
                        </div>-->
                        <el-badge :value="${music.downloadCount?c}" :max="99" class="item" type="warning">
                            <el-button type="danger" size="small" icon="el-icon-download" @click="download('${music.id?c}')">下载</el-button>
                        </el-badge>
                        <el-badge :value="${music.diskCount?c}" :max="10" class="item">
                            <el-button type="success" size="small" icon="el-icon-attract">U盘</el-button>
                        </el-badge>
                        <el-badge :value="${music.collectCount?c}" :max="99" class="item" type="success">
                            <el-button type="primary" size="small" icon="el-icon-star-off" @click="handleBoxMusicCreate('${music.id?c}')">收藏</el-button>
                        </el-badge>
                        <el-badge :value="${music.commentCount?c}" :max="99" class="item" type="primary">
                            <el-button type="info" size="small" icon="el-icon-chat-dot-round">评论</el-button>
                        </el-badge>
                        <div class="h10"></div>
                    </div>
                </div>
            </div>
            <div id="p_box_list">
                <div id="p_list2">
                    <div id="p_list_u">
                        <ul>
                            <li>
                                <!--    <button type="button" class="layui-btn layui-btn-normal layui-btn-radius"
                                            style="height: 28px;width: 80px;line-height: 28px;text-indent: -5px">
                                        播放列表
                                    </button>-->
                                <a href="javascript:void(0)">播放列表</a>
                            </li>
                        </ul>
                    </div>

                    <div id="p_b_r">
                        <div id="p_b_r2">
                            <ul>
                                <div class="r2_d"><a href="http://www.vvvdj.com/play/189559.html"
                                                     title="新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧">新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧</a>
                                </div>
                                <div class="r2_d2"><a href="javascript:void(0)">
                                        <i class="layui-icon layui-icon-delete" style="font-size: 20px"></i>
                                    </a></div>
                            </ul>
                            <ul>
                                <div class="r2_d"><a href="http://www.vvvdj.com/play/189559.html"
                                                     title="新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧">新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧</a>
                                </div>
                                <div class="r2_d2"><a href="javascript:void(0)">
                                        <i class="layui-icon layui-icon-delete" style="font-size: 20px"></i>
                                    </a></div>
                            </ul>
                            <ul>
                                <div class="r2_d"><a href="http://www.vvvdj.com/play/189559.html"
                                                     title="新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧">新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧</a>
                                </div>
                                <div class="r2_d2"><a href="javascript:void(0)">
                                        <i class="layui-icon layui-icon-delete" style="font-size: 20px"></i>
                                    </a></div>
                            </ul>
                            <ul>
                                <div class="r2_d"><a href="http://www.vvvdj.com/play/189559.html"
                                                     title="新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧">新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧</a>
                                </div>
                                <div class="r2_d2"><a href="javascript:void(0)">
                                        <i class="layui-icon layui-icon-delete" style="font-size: 20px"></i>
                                    </a></div>
                            </ul>
                            <ul>
                                <div class="r2_d"><a href="http://www.vvvdj.com/play/189559.html"
                                                     title="新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧">新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧</a>
                                </div>
                                <div class="r2_d2"><a href="javascript:void(0)">
                                        <i class="layui-icon layui-icon-delete" style="font-size: 20px"></i>
                                    </a></div>
                            </ul>
                            <ul>
                                <div class="r2_d"><a href="http://www.vvvdj.com/play/189559.html"
                                                     title="新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧">新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧</a>
                                </div>
                                <div class="r2_d2"><a href="javascript:void(0)">
                                        <i class="layui-icon layui-icon-delete" style="font-size: 20px"></i>
                                    </a></div>
                            </ul>
                            <ul>
                                <div class="r2_d"><a href="http://www.vvvdj.com/play/189559.html"
                                                     title="新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧">新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧</a>
                                </div>
                                <div class="r2_d2"><a href="javascript:void(0)">
                                        <i class="layui-icon layui-icon-delete" style="font-size: 20px"></i>
                                    </a></div>
                            </ul>
                            <ul>
                                <div class="r2_d"><a href="http://www.vvvdj.com/play/189559.html"
                                                     title="新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧">新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧</a>
                                </div>
                                <div class="r2_d2"><a href="javascript:void(0)">
                                        <i class="layui-icon layui-icon-delete" style="font-size: 20px"></i>
                                    </a></div>
                            </ul>
                            <ul>
                                <div class="r2_d"><a href="http://www.vvvdj.com/play/189559.html"
                                                     title="新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧">新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧</a>
                                </div>
                                <div class="r2_d2"><a href="javascript:void(0)">
                                        <i class="layui-icon layui-icon-delete" style="font-size: 20px"></i>
                                    </a></div>
                            </ul>
                            <ul>
                                <div class="r2_d"><a href="http://www.vvvdj.com/play/189559.html"
                                                     title="新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧">新会DjOnce-国粤语ClubVsMc建仔气氛歌单MC现场喊麦串烧</a>
                                </div>
                                <div class="r2_d2"><a href="javascript:void(0)">
                                        <i class="layui-icon layui-icon-delete" style="font-size: 20px"></i>
                                    </a></div>
                            </ul>
                        </div>
                        <div id="p_f_d">
                            <div>
                                <button type="button" class="layui-btn layui-btn-sm"
                                        style="background-color: #293041;width: 100px">清空列表
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--播放页右-->
        <div id="p_r_box2">
            <table width="289" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                <tr>
                    <td valign="top" height="250">
                        <div>
                            <div>
                                <div>
                                    <img src="../../img/play1.gif" width="100%" height="261">
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
            <div class="h10-4"></div>
            <div class="h10"></div>
            <table width="289" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                <tr>
                    <td valign="top" height="265">
                        <div>
                            <div>
                                <div>
                                    <img src="../../img/play2.gif" width="100%"
                                         height="260.5">
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="h10"></div>

    <div class="body_2">
        <div class="body_content">
            <img src="../../img/top.gif" width="100%">
        </div>
    </div>
    <div class="h10"></div>

    <#--<div class="body_2">
        <div class="boxr_like">
            <!--广告图&ndash;&gt;
            <img src="http://dbdata.dj92cc.net/res/ad/300x250x1.gif" style="width: 228px;height: 190px">
            <div class="h10"></div>
            <div class="h10-5"></div>
            <div class="h10"></div>
            <!--广告图&ndash;&gt;
            <img src="/img/20200710.jpg" style="width: 228px;height: 80px">
            <div class="h10"></div>
            <div class="h10-5"></div>
            <div class="h10"></div>
            <!--广告图&ndash;&gt;
            <img src="http://dbdata.dj92cc.net/res/ad/300x250x1.gif" style="width: 228px;height: 139px">
        </div>
        <div class="left_like_box">
            <div class="like_fenlei">
                <div class="top_like_title">
                    相似舞曲
                </div>
                <div class="top_like_c">
                    <ul>
                        <li>
                            <a href="javascript:void(0);">
                                <i class="layui-icon layui-icon-triangle-r"
                                   style="color: #5eb95e;font-weight: bold"></i>
                                播放全部
                            </a></li>
                        <li>
                            <a href="javascript:void(0);">
                                <i class="layui-icon layui-icon-add-1"
                                   style="color: #5eb95e;font-weight: bold"></i>
                                加入播放
                            </a></li>

                    </ul>
                </div>
            </div>
            <div class="h10"></div>
            <table border="0" cellspacing="0" cellpadding="0" class="like_table">
                <#if (likeMusicList?size>0)>
                    <#list likeMusicList as likeMusic>
                        <tr>
                            <td>
                                <div class="like_i">
                                    <a href="/djxibo-portal/html/musician/${likeMusic.musicianId?c}_1.html" target="_Pt"
                                       title="${likeMusic.stageName!''}"><img
                                                src="${likeMusic.musicCover!''}"></a>
                                </div>
                            </td>
                            <td>
                                <div class="like_m_n2">
                                    <div class="like_m_n_t2">
                                        <p class="p1"><a href="/djxibo-portal/html/play/${likeMusic.id?c}.html" target="_Pt"
                                                         title="${likeMusic.musicName!''}">${likeMusic.musicName!''}</a>
                                        </p>
                                        <p class="p2">
                                            <#if (likeMusic.popularity >= 10000)>
                                                <span class="p_rq">人气 ${(likeMusic.popularity/10000)?string('#.#')}万</span>
                                            </#if>
                                            <#if (likeMusic.popularity < 10000)>
                                                <span class="p_rq">人气 ${likeMusic.popularity?c}</span>
                                            </#if>
                                            <span class="p_sj">${(likeMusic.releaseTime?string("yyyy/MM/dd"))!}</span>

                                        </p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </#list>
                </#if>
            </table>
        </div>

    </div>-->


    <div class="body_2">
        <div id="play_yyr_hot">
            <div id="left_yyr_f2">
                <div id="left_yyr_title">
                    ${musician.stageName!''} 热歌榜
                </div>
            </div>
            <div id="p_yyr_left_box">
                <div class="h10"></div>
                <div class="p_m_body">
                    <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                        <#if (musicianHotMusicList?size>0)>
                            <#list musicianHotMusicList as musicianHotMusic>

                                <tr>
                                    <td>
                                        <div class="music_s">
                                            <#if (musicianHotMusic_index < 9)>
                                                <span class="num_${musicianHotMusic_index+1}">0${musicianHotMusic_index+1}</span>
                                            </#if>
                                            <#if (musicianHotMusic_index >= 9)>
                                                <span class="num_${musicianHotMusic_index+1}">${musicianHotMusic_index+1}</span>
                                            </#if>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="music_p">
                                            <p><a href="/djxibo-portal/html/play/${musicianHotMusic.id?c}.html" target="_Pt"
                                                  title="${musicianHotMusic.name!''}">${musicianHotMusic.name!''}</a>
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                            </#list>
                        </#if>
                    </table>
                </div>
            </div>
        </div>
        <div class="left_like_box">
            <div class="like_fenlei">
                <div class="top_like_title">
                    相似舞曲
                </div>
                <div class="top_like_c">
                    <ul>
                        <li>
                            <a href="javascript:void(0);">
                                <i class="layui-icon layui-icon-triangle-r"
                                   style="color: #5eb95e;font-weight: bold"></i>
                                播放全部
                            </a></li>
                        <li>
                            <a href="javascript:void(0);">
                                <i class="layui-icon layui-icon-add-1"
                                   style="color: #5eb95e;font-weight: bold"></i>
                                加入播放
                            </a></li>

                    </ul>
                </div>
            </div>
            <div class="h10"></div>
            <div class="left_box">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (likeMusicList?size>0)>
                        <#list likeMusicList as likeMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${likeMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${musician.stageName!''}"><img
                                                    src="${likeMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${likeMusic.id?c}.html" target="_Pt"
                                                             title="${likeMusic.musicName!''}">${likeMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <#if (likeMusic.popularity >= 10000)>
                                                    <span class="p_rq">人气 ${(likeMusic.popularity/10000)?string('#.#')}万</span>
                                                </#if>
                                                <#if (likeMusic.popularity < 10000)>
                                                    <span class="p_rq">人气 ${likeMusic.popularity?c}</span>
                                                </#if>
                                                <span class="p_sj">${likeMusic.releaseTime!''}</span>

                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
        </div>

    </div>
    <div class="h10"></div>
    <template>
        <el-dialog title="音乐收藏" :visible.sync="boxMusicDialogVisible" :close-on-click-modal="false" width="400px">
            <el-dialog title="新建歌单" :visible.sync="boxDialogVisible" :close-on-click-modal="false" width="380px" append-to-body top="40vh" style="margin-right: 5px;">
                <el-form ref="boxDataForm" :rules="boxRules" :model="boxTemp">
                    <el-form-item label="" label-width="10px" prop="name">
                        <el-input v-model="boxTemp.name" placeholder="请输入歌单名称" maxlength="16" show-word-limit autocomplete="off" style="width: 97%;" id="gd_i"></el-input>
                    </el-form-item>
                </el-form>
                <div slot="footer" class="dialog-footer">
                    <el-button @click="boxDialogVisible = false">取 消</el-button>
                    <el-button type="primary" :loading="boxIsLoading" @click="boxCreate">创 建</el-button>
                </div>
            </el-dialog>

            <el-table
                    v-loading="boxLoading"
                    element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading"
                    ref="singleTable"
                    :data="boxList"
                    highlight-current-row
                    @current-change="handleCurrentChange"
                    style="width: 100%"
                    height="290">
                <el-table-column
                        label="收藏至">
                    <template slot-scope="scope">
                        <img style="width: 40px; height: 40px; border-radius: 5px;" :src="scope.row.cover" alt=""/>
                        <span style="margin-left: 10px">{{ scope.row.name }}（{{ scope.row.musicCount }}）</span>
                    </template>
                </el-table-column>
            </el-table>
            <div style="margin-top: 20px">
                <el-button icon="el-icon-plus" @click="handleBoxCreate">新建歌单</el-button>
            </div>

            <div slot="footer" class="dialog-footer">
                <el-button @click="boxMusicDialogVisible = false">取 消</el-button>
                <el-button type="primary" :loading="boxMusicIsLoading" @click="boxMusicCreate">确 定</el-button>
            </div>
        </el-dialog>
    </template>
</div>
<!--body结束-->
<!--底部-->
<div id="bottom">
    <div class="h15"></div>
    <div class="h15"></div>
    <div id="bottom_d2">
        <p>声明：DJ细波舞曲网是一个 DJ 分享与交流的平台,站内所有DJ舞曲均由网友上传并提供DJ试听与DJ下载，其版权为DJ作者或DJ所属公司拥有</p>
        <p>如果本站会员上传的某一首DJ舞曲侵犯到了您的权益请来信告知，我们会在3个工作日之内删除。 管理邮箱：kefu@djxibo.com</p>
        <p>Copyright © 2002-2019 www.djxibo.com All Rights Reserved 苏ICP备16062544号-1</p>
    </div>
</div>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript" src="../../js/play.js"></script>
<script type="text/javascript">
    play("${music.testUrl!''}", "${music.id?c}");
</script>
<style type="text/css">
    .el-pager li {
        padding: 0 4px;
        background: #1f2432;
        font-size: 13px;
        min-width: 35.5px;
        height: 28px;
        line-height: 28px;
        box-sizing: border-box;
        color: #aaaaaa;
    }
    .el-pagination button:disabled {
        color: #606266;
        background-color: #1f2432;
        cursor: not-allowed;
    }
    .el-pagination .btn-next, .el-pagination .btn-prev {
        background: center center no-repeat #1f2432;
        background-size: 16px;
        cursor: pointer;
        margin: 0;
        color: #aaaaaa;
    }
    .el-input__inner {
        -webkit-appearance: none;
        background-color: #1f2432;
        border-radius: 4px;
        border: 1px solid #606266;
        box-sizing: border-box;
        color: #aaaaaa;
        display: inline-block;
        font-size: inherit;
        height: 40px;
        line-height: 40px;
        outline: 0;
        padding: 0 15px;
        transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        width: 100%;
    }
    .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
        margin: 0 5px;
        background-color: unset;
        color: #aaaaaa;
        min-width: 30px;
        border-radius: 2px;
    }

    .el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
        line-height: 28px;
        color: #aaaaaa;
    }
    .el-pager li:hover {
        color: #409eff;
    }
    /*多选框*/
    .el-checkbox {
        color: #C0C4CC;
        font-weight: 500;
        font-size: 14px;
        cursor: pointer;
        user-select: none;
        margin-right: 20px;
    }
    .el-checkbox__input.is-disabled+span.el-checkbox__label {
        color: #606266;
        cursor: not-allowed;
    }
    .el-checkbox__inner {
        display: none;
        margin-bottom: 2px;
        position: relative;
        border: 1px solid #C0C4CC;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 14px;
        height: 14px;
        background-color: unset;
        z-index: 1;
        -webkit-transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
        transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
    }
    .el-checkbox__input.is-disabled .el-checkbox__inner {
        background-color: unset;
        border-color: #606266;
        cursor: not-allowed;
    }
    .el-checkbox__label {
        display: inline-block;
        padding-left: 6px;
        line-height: 19px;
        font-size: 13px;
    }
    .l_fenlei_2 {
        width: 980px;
        height: 30px;
        overflow: hidden;
        background-color: #1b1b1b;
    }
    .l_m_n .l_m_n_t .p2 {
        line-height: 27px;
        color: #888888;
        font-size: 11px;
        float: left;
    }
    .el-loading-mask {
        position: absolute;
        z-index: 2000;
        background-color: unset;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        margin: 0px;
        transition: opacity 0.3s ease 0s;
    }
    .el-select .el-input {
        width: 90px;
    }
    input-group__prepend .el-input {
        font-size: inherit;
        width: 90px;
        border: 1px solid #606266;
    }
    .input-with-select .el-input-group__prepend {
        background-color: #fff;
    }
    .el-input-group--append .el-input__inner, .el-input-group__prepend {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: 260px;
        background-color: #262626;
    }
    .el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
        border-color: #1f2432;
        background-color: #262626;
        color: inherit;
        border-top: 0;
        border-bottom: 0;
        width: 90px;
        height: 38px;
    }
    .el-input-group__append, .el-input-group__prepend {
        background-color: #262626;
        color: #909399;
        vertical-align: middle;
        display: table-cell;
        position: relative;
        border: 1px solid #606266;
        border-radius: 4px;
        padding: 0 20px;
        width: 1px;
        white-space: nowrap;
    }
    [class*=" el-icon-"], [class^=el-icon-] {
        font-family: element-icons!important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: baseline;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: -5px;
    }
</style>
</body>
</html>




